@import './index.less';
@import './base.scss';

:root {
    --active: #00cc66;
}

.pagination{
    margin-top: 20px;
}

.btn{
    color: var(--active) !important;
}

.dot{
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
}
.dot-orange{
    background-color: orange;
}
.dot-green{
    background-color: lightgreen;
}
.dot-red{
    background-color: red;
}
.dot-gray{
    background-color: gray;
}

.evaluation{
    background-color: #f3f6fa;
    background-size: 100% auto;
    background-repeat: no-repeat;
    .content{
        margin-top: 5%;
    }
}


.demo-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
    from { transform: rotate(0deg);}
    50%  { transform: rotate(180deg);}
    to   { transform: rotate(360deg);}
}
.demo-spin-col{
    height: 100px;
    position: relative;
    border: 1px solid #eee;
}


.form{
    span{
        color: #808695;
    }
}
html,body,.root{
    height: 100%;
    overflow: hidden;
    .main{
        height: 100%;
    }
}
body{
    textarea.ivu-input{
        font-size: 12px;
    }
}